<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>小说世界 - 帖子列表</title>
    <link rel="stylesheet" href="css/review.css">
	<link rel="stylesheet" href="css/1.css" />
    <link href="https://fonts.googleapis.com/css2?family=Noto+Serif+SC:wght@400;700&family=Noto+Sans+SC:wght@400;700&display=swap" rel="stylesheet">
</head>
<body>
    <header>
        <h1>小说世界</h1>
        <nav>
            <ul>
                <li><a href="index.html" >首页</a></li>
                <li><a href="bookshelf.html">我的书架</a></li>
                <li><a href="fantasy.html">玄幻小说</a></li>
                <li><a href="magical.html">奇幻小说</a></li>
                <li><a href="metropolis.html">都市小说</a></li>
                <li><a href="review.html" class="active">讨论区</a></li>
                <li><a href="profile.html">个人中心</a></li>
            </ul>
        </nav>
    </header>

    <main>
        <section class="posts-header">
            <h2>热门讨论</h2>
            <p>加入我们的读者社区,分享您的阅读体验!</p>
        </section>

        <section class="posts-list">
            <article class="post-item">
                <h3 class="post-title">《三体》三部曲的深层含义探讨</h3>
                <p class="post-meta">作者: 刘慈欣爱好者 | 发布时间: 2024-03-15 | 评论: 128</p>
                <p class="post-summary">刘慈欣的《三体》三部曲不仅是一部精彩的科幻小说,更是对人性、文明和宇宙的深刻思考。本帖将探讨作品中的哲学主题和寓意。</p>
                <button class="read-more">阅读全文</button>
            </article>

            <article class="post-item">
                <h3 class="post-title">金庸武侠小说中的女性角色分析</h3>
                <p class="post-meta">作者: 武侠迷 | 发布时间: 2024-03-14 | 评论: 95</p>
                <p class="post-summary">金庸笔下的女性角色形象丰满,个性鲜明。本文将分析黄蓉、王语嫣等经典角色,探讨其在武侠世界中的地位和意义。</p>
                <button class="read-more">阅读全文</button>
            </article>

            <article class="post-item">
                <h3 class="post-title">莫言作品中的魔幻现实主义元素</h3>
                <p class="post-meta">作者: 文学研究者 | 发布时间: 2024-03-13 | 评论: 72</p>
                <p class="post-summary">诺贝尔文学奖得主莫言的作品充满魔幻现实主义色彩。本帖将分析《丰乳肥臀》等作品中的魔幻元素,探讨其文学价值。</p>
                <button class="read-more">阅读全文</button>
            </article>
			
        </section>

        <div class="load-more">
            <button id="load-more-btn">加载更多</button>
        </div>
    </main>

    <footer>
        <p>&copy; 2024 小说世界. 保留所有权利.</p>
    </footer>

    <script>
		document.querySelector("#load-more-btn").addEventListener("click",function(){
			let addcon = `<article class="post-item">
			    <h3 class="post-title">东野圭吾推理小说的叙事技巧分析</h3>
			    <p class="post-meta">作者: 推理迷 | 发布时间: 2024-03-12 | 评论: 86</p>
			    <p class="post-summary">东野圭吾以其独特的叙事方式和巧妙的情节设计闻名。本帖将深入分析《嫌疑人X的献身》等作品,探讨其成功的秘诀。</p>
			    <button class="read-more">阅读全文</button>
			</article>
			
			<article class="post-item">
			    <h3 class="post-title">科幻文学中的人工智能主题演变</h3>
			    <p class="post-meta">作者: AI研究者 | 发布时间: 2024-03-11 | 评论: 104</p>
			    <p class="post-summary">从阿西莫夫的机器人系列到现代科幻作品,人工智能一直是重要主题。本文将探讨AI在科幻文学中的演变及其对现实世界的影响。</p>
			    <button class="read-more">阅读全文</button>
			</article>
			
			<article class="post-item">
			    <h3 class="post-title">古典诗词在现代小说中的运用</h3>
			    <p class="post-meta">作者: 文学爱好者 | 发布时间: 2024-03-10 | 评论: 67</p>
			    <p class="post-summary">许多现代作家在小说中巧妙融入古典诗词,增添作品的文化底蕴。本帖将分析这种写作手法,探讨其对塑造人物和氛围的作用。</p>
			    <button class="read-more">阅读全文</button>
			</article>
			
			<article class="post-item">
			    <h3 class="post-title">网络小说的兴起与文学生态的变革</h3>
			    <p class="post-meta">作者: 文化评论家 | 发布时间: 2024-03-09 | 评论: 135</p>
			    <p class="post-summary">互联网时代,网络小说的兴起对传统文学生态造成了巨大冲击。本文将探讨这一现象的利弊,以及对未来文学发展的影响。</p>
			    <button class="read-more">阅读全文</button>
			</article>`
			document.querySelector(".posts-list").insertAdjacentHTML('beforeend', addcon);
			document.querySelectorAll(".read-more").forEach(item=>item.addEventListener("click",function(){
				alert("已经下架了")
			}))
		})
		document.querySelectorAll(".read-more").forEach(item=>item.addEventListener("click",function(){
			alert("已经下架了")
		}))
	</script>
</body>
</html>

